<?php
require_once '../include/common.inc.php';
?>
<!doctype html>
<html>
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<link href="../images/base.css" rel="stylesheet" type="text/css"  />
<script src="script/jquery.min.js"></script>
    <script src="<?=$staticurl?>/room/script/jquery.SuperSlide.2.1.1.js"></script>

<title>名师简介</title>
<style>
.main {  background: #FDFDFD }
.head { height: 119px; padding-top: 80px; background: url(images/b1.jpg) no-repeat }
#nav { border-top: 1px dotted #FFFFFF; width: 460px; }
#nav a { float: left; display: block; padding: 5px; width: 60px; color: #FFF; background: #09F; font-size: 12px; text-align: center; text-decoration: none; }
#tab { width: 460px; height: 400px; overflow: hidden; font-size: 12px; color: #666 }
#tab td { height: 30px; line-height: 30px; }
#tab tr { border-bottom: 1px dotted #EEEEEE }
#tab input {  border:0px; border-bottom:1px solid #333; width:240px;}
.th { text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; width: 60px; padding-right: 10px; color: #333 }
.user_pic{ width:120px; height:150px; position:absolute; top:203px; right:0px; border:5px solid #FFF}
.user_pic img{width:110px; height:150px; border:1px #CCCCCC solid; padding:1px; }
.bc { border:0px; padding:2px;width:40px; height:20px; color:#FFF; background: #0C0}
.user_edit_pic{ width:460px; height:350px; position:absolute;top:203px; right:0px; background:#FDFDFD; text-align:center; padding-top:30px; display:none;}
</style>
</head>

<body>
<div class="main">
    <style>
        /* 本例子css */
        .slideBox{ width:100%; height:100%; overflow:hidden; position:relative;  }
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f00; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }

        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd img{ wwidth:100%; height:100%; display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */

        /*.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/room/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }*/
        .slideBox .prev, .slideBox .next {
            position: absolute;
            left: 3%;
            top: 50%;
            margin-top: -30px;
            display: block;
            width: 74px;
            height: 139px;
            background: url(/room/images/slider-arrow-larger.png) -311px 5px no-repeat;
            filter: alpha(opacity=50);
            opacity: 0.5;
        }
        .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
        .slideBox .nextStop{ display:none;  }
    </style>
    <div id="slideBox" class="slideBox">
        <div class="bd">
            <ul>
                <!--                            <li style="display: list-item;"><a href="javascript:openWin(2,false,'--><?//=$staticurl?><!--/room/images/coursecon.jpg',800,829);"  target="_blank"><img src="--><?//=$staticurl?><!--/room/images/gyxt.jpg"></a></li>-->
                <!--                            <li style="display: none;"><a href="javascript:openWin(2,false,'--><?//=$staticurl?><!--/room/images/coursecon.jpg',800,829);"  target="_blank"><img src="--><?//=$staticurl?><!--/room/images/gyxt.jpg"></a></li>-->
                <!--                            <li style="display: none;"><a href="javascript:openWin(2,false,'--><?//=$staticurl?><!--/room/images/coursecon.jpg',800,829);"  target="_blank"><img src="--><?//=$staticurl?><!--/room/images/gyxt.jpg"></a></li>-->
            </ul>
        </div>

        <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
        <a class="prev" href="javascript:void(0)"></a>
        <a class="next" href="javascript:void(0)"></a>
    </div>
</div>

<script>
    //右下角图片
    ad();
    function ad(){
        var url = '<?=$csjurl?>/api/news.php/index/get_news_list?type=msjj&version=1.0.1&page=1&total=10&user_id=0&is_top=1&recommand=1';
        var datas = {
            rid:'<?=$rtypeid?>'
        };

        $.ajax({
            url: url,
            type: 'POST',
            data: datas,
            dataType: 'jsonp',
            jsonp: "callback",
            success: function(data) {

                var data = data.StringValue;
                if (data.length) {
                    var html ='';
                    var rows = data;

                    for (var key in rows) {
                        var titlepic = rows[key]['titlepic'];

                        html    += '<li style="display:'+(key==0?'list-item':'none')+'">' ;
                        html       +=   '<a href="javascript:void(0);"  target="_blank"><img src="'+titlepic+'"></a>' ;
                        html      +=     '</li>';
                    }

                    $('#slideBox ul').html(html);

                    jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true,delayTime:1000});


                }
            }
        });

    };
</script>

</body>
</html>
